<template>
    <div class="content">
        <Tool />
        <Serach />
        <Tags />
        <ShareCard />
        <InformalEssay />
        <AnonymousStory />
    </div>
</template>

<script setup lang="ts">
import Tool from "./components/tool.vue"
import Serach from "./components/serach.vue"
import Tags from "./components/tags.vue"
import ShareCard from "./components/share-card.vue"
import InformalEssay from "./components/informal-essay.vue"
import AnonymousStory from "./components/anonymous-story.vue"

</script>

<style lang="scss" scoped>
.content {
    padding: 32px;
    background: $common-lgc;
    min-height: 100vh;
    box-sizing: border-box;

    >div {
        margin-bottom: 32px;
    }
}
</style>
